<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
    <meta name="viewport"
          content="width = device-width, initial-scale = 1, minimum-scale = 1, maximum-scale = 1, user-scalable = no"/>
    <link id="theme" rel="stylesheet" type="text/css" href="../../../../min/css/themes/gray/grayTheme.css" title="theme"/>

</head>

<body style="margin:0">

<canvas id="scene" width="800" height="800">
    Your browser does not support the canvas element.
</canvas>

<script type="text/javascript" src="../../../../min/scenegraph_2.2.0.min.js"></script>

<!--script type="text/javascript" src="../../../../src/utils/util.array.js"></script>
<script type="text/javascript" src="../../../../src/utils/util.string.js"></script>
<script type="text/javascript" src="../../../../src/utils/class.class.js"></script>
<script type="text/javascript" src="../../../../src/utils/class.map.js"></script>
<script type="text/javascript" src="../../../../src/utils/util.color.js"></script>
<script type="text/javascript" src="../../../../src/utils/math/class.vector2D.js"></script>
<script type="text/javascript" src="../../../../src/utils/class.region.js"></script>
<script type="text/javascript" src="../../../../src/constants.js"></script>
<script type="text/javascript" src="../../../../src/utils/class.traverser.js"></script>
<script type="text/javascript" src="../../../../src/utils/class.imgManager.js"></script>

<script type="text/javascript" src="../../../../src/event/class.event.js"></script>
<script type="text/javascript" src="../../../../src/event/class.eventmanager.js"></script>

<script type="text/javascript" src="../../../../src/theme/class.CSSManager.js"></script>

<script type="text/javascript" src="../../../../src/animation/class.keyframe.js"></script>
<script type="text/javascript" src="../../../../src/interpolator/class.interpolator.js"></script>
<script type="text/javascript" src="../../../../src/interpolator/class.interpolator.linear.js"></script>
<script type="text/javascript" src="../../../../src/interpolator/class.interpolator.TCB.js"></script>
<script type="text/javascript" src="../../../../src/animation/class.anim.timeline.js"></script>
<script type="text/javascript" src="../../../../src/animation/class.animmanager.js"></script>

<script type="text/javascript" src="../../../../src/collision/enum.collision.method.js"></script>
<script type="text/javascript" src="../../../../src/collision/class.collision.tester.region.js"></script>
<script type="text/javascript" src="../../../../src/collision/class.collision.tester.ghost.ondemand.js"></script>
<script type="text/javascript" src="../../../../src/collision/class.collision.tester.factory.js"></script>
<script type="text/javascript" src="../../../../src/collision/class.collision.manager.js"></script>

<script type="text/javascript" src="../../../../src/globals.js"></script>
<script type="text/javascript" src="../../../../src/utils/util.global.js"></script>
<script type="text/javascript" src="../../../../src/utils/util.color.js"></script>

<script type="text/javascript" src="../../../../src/mask/class.mask.js"></script>
<script type="text/javascript" src="../../../../src/mask/class.mask.clip.js"></script>

<script type="text/javascript" src="../../../../src/utils/math/math.js"></script>
<script type="text/javascript" src="../../../../src/utils/class.handlebox.js"></script>
<script type="text/javascript" src="../../../../src/node/class.node.js"></script>

<script type="text/javascript" src="../../../../src/node/class.node.dom.js"></script>
<script type="text/javascript" src="../../../../src/node/class.node.line.js"></script>
<script type="text/javascript" src="../../../../src/node/class.node.curveTCB.js"></script>
<script type="text/javascript" src="../../../../src/node/class.node.colorPicker.js"></script>
<script type="text/javascript" src="../../../../src/node/class.node.tabMenu.js"></script>
<script type="text/javascript" src="../../../../src/node/class.node.text.js"></script>
<script type="text/javascript" src="../../../../src/node/class.node.webview.js"></script>
<script type="text/javascript" src="../../../../src/node/class.node.square.js"></script>
<script type="text/javascript" src="../../../../src/node/class.node.slider.js"></script>
<script type="text/javascript" src="../../../../src/node/class.node.circle.js"></script>
<script type="text/javascript" src="../../../../src/node/class.node.ellipse.js"></script>
<script type="text/javascript" src="../../../../src/node/class.node.image.js"></script>
<script type="text/javascript" src="../../../../src/node/class.node.animatedSprite.js"></script>
<script type="text/javascript" src="../../../../src/node/class.node.button.js"></script>
<script type="text/javascript" src="../../../../src/node/class.particles.js"></script>

<script type="text/javascript" src="../../../../src/class.scenegraph.js"></script>
<script type="text/javascript" src="../../../../src/class.view.js"></script-->

<script type="text/javascript" src="js/class.main.js"></script>
<script type="text/javascript">
    <!-- initialize the framework -->
    var canvasScene = document.getElementById("scene");
    var game = new CGMain(canvasScene);
</script>
</body>
</html>
